<template>
	<!-- 产品参数 -->
	<base-drawer mode="bottom" :visible="specsInfo.show" background-color="transparent" mask maskClosable @close="closeSpecs">
		<view class="w-full bg--w111-fff rd-t-40rpx py-32">
			<view class="text-center fs-32 text--w111-333 fw-500 mb-34">参数</view>
			<scroll-view scroll-y="true" class="h-400">
				<view class="px-32 scroll-content">
					<view class="item flex break_word" v-for="(item,index) in specsInfo.specs" :key="index">
						<view class="w-160 text--w111-999 mr-12">{{item.name}}</view>
						<view class="flex-1">{{item.value}}</view>
					</view>
				</view>
			</scroll-view>
			<view class="mx-20 pb-safe">
				<view class="mt-52 h-72 flex-center rd-36px bg-color fs-26 text--w111-fff" @click="closeSpecs">确定</view>
			</view>
		</view>
	</base-drawer>
</template>

<script>
	import baseDrawer from '@/components/tui-drawer/tui-drawer.vue';
	export default {
		props: {
			specsInfo: {
				type: Object,
				default: () => {}
			},
		},
		components: {
			baseDrawer
		},
		methods: {
			closeSpecs() {
				this.$emit('myevent');
			}
		}
	}
</script>

<style scoped lang="scss">
	.item ~ .item{
		margin-top: 40rpx;
	}
</style>